.OnlineStatistics {
  // overflow-y: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  .ant-spin-nested-loading {
    height: 100%;

    .ant-spin-container {
      height: 100%;
    }
  }

  .OnlineStatistics-top {
    width: 100%;
    height: 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .ant-picker {
      width: 232px;
    }

    .OnlineStatistics-top-time {
      width: 10%;
      // height: 70%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border: 1px solid black;
      border-radius: 5px;

      .time-checkout {
        height: 30px;
        width: 50%;
        // background-color: #337df6;
        color: black;
        text-align: center;
        line-height: 30px;
      }

      .time-check {
        height: 30px;
        width: 50%;
        background-color: #337df6;
        color: white;
        text-align: center;
        line-height: 30px;
      }
    }
  }

  .OnlineStatistics_content {
    width: 100%;
    height: 95%;
    // overflow-y: auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;

    .content-tongji {
      width: 100%;
      height: 420px;
    }

    .content-rank {
      width: 100%;
      margin-top: 10px;
      flex: 1;
    }
  }
}
